<!-- Sidebar Menu -->
<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
        data-accordion="false">
        <!-- Add icons to the links using the .nav-icon class
             with font-awesome or any other icon font library -->
        {{ range $k, $v:= .Menu}}
            {{if .Child}}
                <li class="nav-item has-treeview {{if .Select}}menu-open{{end}}">
                    <a href="#" class="nav-link {{if .Select}}active{{end}}">
                        <i class="nav-icon fas {{.Icon}}"></i>
                        <p>
                            {{.Name}}
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        {{ range .Child}}
                            <li class="nav-item">
                                <a href="{{.Url}}" class="nav-link {{if .Select}}active{{end}}">
                                    <i class="far fa-circle nav-icon"></i>
                                    <p>{{.Name}}</p>
                                </a>
                            </li>
                        {{end}}
                    </ul>
                </li>
            {{else}}
                <li class="nav-item">
                    <a href="{{.Url}}" class="nav-link {{if .Select}}active{{end}}">
                        <i class="nav-icon fas {{.Icon}}"></i>
                        <p>
                            {{.Name}}
                        </p>
                    </a>
                </li>
            {{end}}

        {{end}}
    </ul>
</nav>
